
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html version="HTML+RDFa 1.1" lang="vi">
<title>Tư vấn trang phục</title>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>

    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style-common/alice-vnfas-core-v29a01739e3cd.css" media="all">
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style-common/alice-vnfas-main-v7fb7ea25b252.css" media="all">
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style-body/body-regedit/alice-vnfas-account-v272d129423cd.css" media="all">
    <%--<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style-common/alice-vnfas-home-ve11dbaecd87e.css" media="all">--%>
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style-body/body-thoitrang/consultant.css" media="all">
    <!-- Style body -->
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style-common/body/style-body.css" media="all">
    <!-- Het style body -->
    <script src="<%=request.getContextPath()%>/library/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="<%=request.getContextPath()%>/library/jquery-ui/jquery-ui.js" type="text/javascript"></script>
    <script src="<%=request.getContextPath()%>/library/handlebar/handlebars.js" type="text/javascript"></script>
    <script src="<%=request.getContextPath()%>/js/wrapper.js" type="text/javascript"></script>
    <script src="<%=request.getContextPath()%>/js/constant.js" type="text/javascript"></script>
    <script src="<%=request.getContextPath()%>/js/user-consultant-clothes.js" type="text/javascript"></script>
    <script src="<%=request.getContextPath()%>/js/template/consultant-template.js" type="text/javascript"></script>
    <script src="<%=request.getContextPath()%>/js/template/product-teamplate.js" type="text/javascript"></script>

    <!-- Het script thanh tieu de chay tren top man hinh -->
    <style type="text/css">
        .blockDiv {
            position: absolute;
            top: 0px;
            left: 0px;
            background-color: #FFF;
            background:url("<%=request.getContextPath()%>/images/bill/ajax.gif") no-repeat center;
            width: 0px;
            height: 0px;
            z-index: 10;
        }
    </style>

</head>

<body class="js l-full-hd ui-page-bg  thm-core thm-local_redesign thm-vnfas  l-account no-touch">

<div id="page" class="l-page">

    <%@include file="../iframe/header-product.jsp" %>

    <div id="content">
        <div class="l-hasSidebar">

            <div style="top: auto; bottom: auto;" class="l-sidebar js-left-sidebar b-catalogCategory">
                <div class="b-catalogMenu box">
                    <div class="b-catalogMenu__list">
                        <ul>
                            <li class="pbs category-tree">
                                <div id="facet-category">
                                    <ul class="cnv b-catalogMenu__categoryList sel-catalog-category js-catalogCategory" id="filter_category">
                                        <li class="cnv-level-3 b-categoryTree--topLevel">
                                            <div id="js-topCat3" class="strong b-catalogMenu__toggleTitle js-expand js-arrow-down">
                                                <span class="s-global i-toggle"></span>
                                                <span class="txtUpper">Tư vấn & Gợi ý</span>
                                            </div>
                                            <ul style="display: block;" id="js-topCat3-sub" class="js-subCat js-topCat b-catalogMenu__subCat">
                                                <li class="selected">
                                                    <a href="<%=request.getContextPath()%>/jsp/user/user-consultant-clothes.jsp" class="filter-item">
                                                        <span class="b-catalogMenu__itemName">Tư vấn trang phục</span>         </a>      </li>
                                                <li id="c837" class="">
                                                    <a href="<%=request.getContextPath()%>/jsp/user/user-consultant-size.jsp" class="filter-item">
                                                    <span class="b-catalogMenu__itemName">Gợi ý size</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <span class="s-global i-toggleArrow"></span>      </li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>

                    <div class="b-catalogMenu__filter">
                        <ul class="b-catalogMenu__filterList js-fctList">
                            <li class="b-catalogMenu__filterCaption"><div class="b-catalogMenu__filterName txtUpper">Lọc theo</div></li>
                            <li class="b-catalogMenu__filterItm js-fct range">
                                <div class="js-fct-hd b-catalogMenu__filterName">
                                    <span class="b-catalogMenu__filterIcon-sizesystem filter-icon">
                                    </span>Kích cỡ<span class="b-catalogMenu__filterArrow rfloat filter-icon"></span>
                                </div>
                                <div style="display: none;" class="js-sidebarBlock b-catalogMenu__filterSide b-catalogMenu__filterSide-range">
                                    <div class="b-filterPopup">
                                        <ul class="cnv fct-scroll b-catalogMenu__rangeFilter" id="filter_price">
                                            <%--<li class="cnv-level-1">--%>
                                                <%--<a id="SA1" value="SA1" href="#" class="filter-item">XS</a>      </li>            <li class="cnv-level-1">         <a id="SA2" value="SA2" href="#" class="filter-item">X</a>      </li>            <li class="cnv-level-1">         <a id="SA3" value="SA3" href="#" class="filter-item">S</a>      </li>            <li class="cnv-level-1">         <a id="SA4" value="SA4" href="#" class="filter-item">M</a>      </li>            <li class="cnv-level-1">         <a id="SA5" value="SA5" href="#" class="filter-item">L</a>      </li>            <li class="cnv-level-1">         <a id="SA6" value="SA6" href="#" class="filter-item">XL</a>      </li>            <li class="cnv-level-1">         <a id="SA7" value="SA7" href="#" class="filter-item">XXL</a>      </li>            <li class="cnv-level-1">         <a id="SA8" value="SA8" href="#" class="filter-item">XXXL</a>      </li>
                                                --%>
                                        </ul>
                                        <div class="txtUpper b-catalogMenu__filterClose">
                                            <a href="javascript:void(0)" class="js-closeFilter">
                                                Đóng                                        <span class="s-catalog i-filterClose"></span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="b-catalogMenu__filterSide b-catalogMenu__filterSide-sizesystem" id="facet_size_system" style="display: none;">
                                    <div class="box" id="size-selection">
                                        <ul class="b-catalogMenu__fiterSel js-selectedFilterContainer display-none" style="display: block;" id="mf520">
                                            <li id="mf521">
                                                <div id="mf522">
                                                    <span class="js-selectedFilter" id="name_size_selected">EU 32</span>
                                                    <span class="filter-icon rfloat b-catalogMenu__IconReset" id="mf524"><a class="rfloat reset reset_facet" href="#" id="remove_filter_size">bỏ chọn</a></span>
                                                </div>
                                            </li>
                                        </ul>
                                        <div class="b-filterPopup" id="mf525">
                                            <ul id="filter_systems" class="b-catalogMenu__sizeSystemFilter clearfix  sizeSystemFilter filter_systems"></ul>
                                            <ul id="facet_sizesystembrand" class="filter_sizesystem"></ul>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="b-catalogMenu__filterItm js-fct range">
                                <div class="js-fct-hd b-catalogMenu__filterName">
                            <span class="b-catalogMenu__filterIcon-price filter-icon">
                            </span>Giá<span class="b-catalogMenu__filterArrow rfloat filter-icon"></span>
                                </div>
                                <div style="display: none;" class="js-sidebarBlock b-catalogMenu__filterSide b-catalogMenu__filterSide-range">
                                    <div class="b-filterPopup">
                                        <ul class="cnv fct-scroll b-catalogMenu__rangeFilter">
                                            <li class="cnv-level-1">

                                            <a id="filter_price_0" href="#" class="filter-item" data-cost="0-300000">VND 0 - VND 300000</a>

                                        </li><li class="cnv-level-1">

                                            <a id="filter_price_2" href="#" class="filter-item" data-cost="300000-500000">VND 300000 - VND 500000</a>

                                        </li><li class="cnv-level-1">

                                            <a id="filter_price_3" href="#" class="filter-item" data-cost="500000-1000000">VND 500000 - VND 1000000</a>

                                        </li><li class="cnv-level-1">

                                            <a id="filter_price_4" href="#" class="filter-item" data-cost="1000000-2000000">VND 1000000 - VND 2000000</a>

                                        </li><li class="cnv-level-1">

                                            <a id="filter_price_5" href="#" data-cost="2000000-5000000">VND 2000000 - VND 5000000</a>

                                        </li></ul>
                                        <div class="txtUpper b-catalogMenu__filterClose">
                                            <a href="javascript:void(0)" class="js-closeFilter">
                                                Đóng
                                                <span class="s-catalog i-filterClose"></span>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="b-catalogMenu__filterSide b-catalogMenu__filterSide-sizesystem" id="facet_price_system" style="display: none;">
                                    <div class="box" id="price-selection">
                                        <ul class="b-catalogMenu__fiterSel js-selectedFilterContainer display-none" style="display: block;">
                                            <li>
                                                <div>
                                                    <span class="js-selectedFilter" id="name_price_selected">EU 32</span>
                                                    <span class="filter-icon rfloat b-catalogMenu__IconReset"><a class="rfloat reset reset_facet" href="#" id="remove_filter_price">bỏ chọn</a></span>
                                                </div>
                                            </li>
                                        </ul>
                                        <div class="b-filterPopup">
                                            <ul class="b-catalogMenu__sizeSystemFilter clearfix  sizeSystemFilter filter_systems"></ul>
                                            <ul class="filter_sizesystem"></ul>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <%--thong tin tu van trang phuc--%>
            <div class="l-main">
                <div class="titleBar">
                    <div class="strong b-account__title consultant_subTitle">Tư vấn trang phục</div>
                </div>
                <div class="b-account__container box-bgcolor">
                    <div id="editAccount" class="line">
                        <form method="post" action="" id="consultant-form">
                            <table class="my-color-skin-table ui-grid ui-gridFull">
                                <tr>
                                    <td colspan="3" class="hLeft consultant_borderBottom consultant_padding consultant_Title consultant_textBold">Danh mục sản phẩm</td>
                                </tr>
                                <tr>
                                    <td class="consultant_col1 consultant_padding_left consultant_paddingRight consultant_padding_top">
                                        <select id="consultant_list_product">
                                        </select>
                                    </td>
                                    <td class="consultant_col2 consultant_padding_left consultant_fontSize consultant_padding_top">
                                        <select id="consultant_list_product_detail">

                                        </select>
                                    </td>
                                    <td class="consultant_col2 consultant_padding_left consultant_fontSize consultant_padding_top">
                                        <select id="consultant_list_product_detail_type">
                                           <option value="0">Chọn loại áo</option>
                                            <option value="AO SO MI">Áo sơ mi</option>
                                            <option value="AO THUN">Áo thun</option>
                                            <option value="KHAC">Loại Khác</option>
                                        </select>
                                    </td>
                                </tr>
                                <%--<tr>--%>
                                <%--<td class="consultant_col1 consultant_padding_left consultant_paddingRight consultant_padding_top"><input id="DA2" type="radio" name="input-skin-color" /></td>--%>
                                <%--<td class="consultant_col2 consultant_padding_left consultant_fontSize consultant_padding_top"><p class="consultant_text">Da Ngâm</p></td></tr>--%>
                                <%--<tr>--%>
                                <%--<td class="consultant_col1 consultant_padding_left consultant_paddingRight consultant_padding_top"><input id="DA3" type="radio" name="input-skin-color" /></td>--%>
                                <%--<td class="consultant_col2 consultant_padding_left consultant_fontSize consultant_padding_top"><p class="consultant_text">Da Tối</p></td>--%>
                                <%--</tr>--%>
                            </table>
                        <table id="my-color-skin-table" class="my-color-skin-table ui-grid ui-gridFull">
                            <%--<tr>--%>
                                <%--<td colspan="2" class="hLeft consultant_borderBottom consultant_padding consultant_Title consultant_textBold">Màu da</td>--%>
                            <%--</tr>--%>
                            <%--<tr>--%>
                                <%--<td class="consultant_col1 consultant_padding_left consultant_paddingRight consultant_padding_top"><input id="DA1" type="radio" name="input-skin-color" /></td>--%>
                                <%--<td class="consultant_col2 consultant_padding_left consultant_fontSize consultant_padding_top"><p class="consultant_text">Da Sáng</p></td>--%>
                            <%--</tr>--%>
                            <%--<tr>--%>
                                <%--<td class="consultant_col1 consultant_padding_left consultant_paddingRight consultant_padding_top"><input id="DA2" type="radio" name="input-skin-color" /></td>--%>
                                <%--<td class="consultant_col2 consultant_padding_left consultant_fontSize consultant_padding_top"><p class="consultant_text">Da Ngâm</p></td></tr>--%>
                            <%--<tr>--%>
                                <%--<td class="consultant_col1 consultant_padding_left consultant_paddingRight consultant_padding_top"><input id="DA3" type="radio" name="input-skin-color" /></td>--%>
                                <%--<td class="consultant_col2 consultant_padding_left consultant_fontSize consultant_padding_top"><p class="consultant_text">Da Tối</p></td>--%>
                            <%--</tr>--%>
                        </table>
                        <table id="my-bmi-table" class="my-bmi-table ui-grid ui-gridFull">
                            <tr>
                                <%--Tu tinh the trang bang cong thuc BMI--%>
                                <td id="result_bmi" colspan="2" class="hLeft consultant_borderBottom consultant_padding consultant_Title consultant_textBold consultant_padding_top">Thể trạng:</td>
                            </tr>
                            <tr>
                                <%--Lay chieu cao va can nang tu bang so_do_co_the, hoac nhap moi--%>
                                <td class="hLeft consultant_fontSize consultant_padding_left consultant_padding consultant_fontSize consultant_paddingRight consultant_padding_top">Chiều cao (Đơn vị tính: Meter): <input class="consultant_center consultant_inputWidth" id="input_member_height" type="text" value="" placeholder="1.5" /></td>
                                <td class="hLeft consultant_fontSize consultant_padding_left consultant_padding consultant_fontSize consultant_paddingRight consultant_padding_top">Cân nặng (Đơn vị tính: Kilogram): <input class="consultant_center consultant_inputWidth" id="input_member_weight" type="text" value="" placeholder="48" /></td>
                            </tr>
                        </table>
                            <table id="my-physical-table" class="my-physical-table ui-grid ui-gridFull">
                                <tbody><tr>

                                    <td colspan="6" class="hLeft consultant_borderBottom consultant_padding consultant_Title consultant_textBold consultant_padding_top">Nhập số đo cơ thể</td>
                                </tr>
                                <tr class="consultant_center">

                                    <td class="consultant_fontSize consultant_padding_left consultant_padding consultant_fontSize consultant_paddingRight consultant_padding_top" style="display: none;" id="input_member_breast_show">Số đo ngực<br> <input class="consultant_inputWidth consultant_center" id="input_member_breast" type="text" value="" placeholder="80" maxlength="3"></td>
                                    <td class="consultant_fontSize consultant_padding_left consultant_padding consultant_fontSize consultant_paddingRight consultant_padding_top" style="display: none;" id="input_member_waist_show">Số đo eo<br> <input class="consultant_inputWidth consultant_center" id="input_member_waist" type="text" value="" placeholder="62" maxlength="3"></td>
                                    <td class="consultant_fontSize consultant_padding_left consultant_padding consultant_fontSize consultant_paddingRight consultant_padding_top" style="display: none;" id="input_member_butt_show">Số đo mông<br> <input class="consultant_inputWidth consultant_center" id="input_member_butt" type="text" value="" placeholder="86" maxlength="3"></td>
                                    <td class="consultant_fontSize consultant_padding_left consultant_padding consultant_fontSize consultant_paddingRight consultant_padding_top" style="display: none;" id="input_member_back_show">Số đo dài lưng<br> <input class="consultant_inputWidth consultant_center" id="input_member_back" type="text" value="" placeholder="54" maxlength="3"></td>
                                    <td class="consultant_fontSize consultant_padding_left consultant_padding consultant_fontSize consultant_paddingRight consultant_padding_top" style="display: none;" id="input_member_arm_show">Số đo dài tay<br> <input class="consultant_inputWidth consultant_center" id="input_member_arm" type="text" value="" placeholder="56" maxlength="3"></td>
                                    <td class="consultant_fontSize consultant_padding_left consultant_padding consultant_fontSize consultant_paddingRight consultant_padding_top" style="display: none;" id="input_member_shoulder_show">Số đo vai<br> <input class="consultant_inputWidth consultant_center" id="input_member_shoulder" type="text" value="" placeholder="36" maxlength="3"></td>

                                    <td class="consultant_fontSize consultant_padding_left consultant_padding consultant_fontSize consultant_paddingRight consultant_padding_top" style="display: none;" id="input_member_femur_show">Số đo đùi<br> <input class="consultant_inputWidth consultant_center" id="input_member_femur" type="text" value="" placeholder="60" maxlength="3"></td>
                                    <td class="consultant_fontSize consultant_padding_left consultant_padding consultant_fontSize consultant_paddingRight consultant_padding_top" style="display: none;" id="input_member_leg_show">Số đo dài chân<br> <input class="consultant_inputWidth consultant_center" id="input_member_leg" type="text" value="" placeholder="90" maxlength="3"></td>
                                </tr>
                                </tbody></table>
                            <fieldset class="ui-fieldset">
                                <div class="ui-formRow mts mbn align-center padding">
                                    <button class="btn btn-dark login__button" id="Consultant_Button" type="button">Tư vấn</button>
                                </div>
                            </fieldset>
                        </form>
                        <div id="lock_screen" style="background: center;"></div>
                    </div>

<%--Sau khi nhap nut tu van se liet ke nhung trang phuc goi y--%>
            <div id="recommentClothes">
                <div class="consultant_borderBottom consultant_fontSize consultant_padding consultant_Title consultant_textBold consultant_padding_top">Trang phục gợi ý cho bạn</div>
                <div class="paging">
                    <div class="pgn-body-top pls ptm">
                        <div class="paging l-row">

                            <div id="topPagination" class="l-cell vMid txtRight"><div>
                                <div class="ui-listHorizontal pgn my-navigation">
                                    <div class="ui-listItem simple-pagination-first"><a href="#" class="simple-pagination-navigation-first simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">&lt;&lt;</a></div>
                                    <div class="ui-listItem simple-pagination-previous"><a href="#" class="simple-pagination-navigation-previous simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">&lt;</a></div>
                                    <div class="ui-listItem ui-listItem simple-pagination-page-numbers"></div>
                                    <div class="ui-listItem simple-pagination-next"><a href="#" class="simple-pagination-navigation-next" data-simple-pagination-page-number="2">&gt;</a></div>
                                    <div class="ui-listItem simple-pagination-last"><a href="#" class="simple-pagination-navigation-last" data-simple-pagination-page-number="8">&gt;&gt;</a></div>

                                </div>
                            </div></div>
                        </div>
                    </div>
                </div>
                <ul class="b-catalogList__wrapper productsCatalog clearfix" id="productsCatalog">

                </ul>
                <div class="paging">
                    <div class="pgn-body-top pls ptm">
                        <div class="paging l-row">

                            <div id="bottomPagination" class="l-cell vMid txtRight"><div>
                                <div class="ui-listHorizontal pgn">
                                    <div class="ui-listItem simple-pagination-first"><a href="#" class="simple-pagination-navigation-first simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">&lt;&lt;</a></div>
                                    <div class="ui-listItem simple-pagination-previous"><a href="#" class="simple-pagination-navigation-previous simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">&lt;</a></div>
                                    <div class="ui-listItem ui-listItem simple-pagination-page-numbers"></div>
                                    <div class="ui-listItem simple-pagination-next"><a href="#" class="simple-pagination-navigation-next" data-simple-pagination-page-number="2">&gt;</a></div>
                                    <div class="ui-listItem simple-pagination-last"><a href="#" class="simple-pagination-navigation-last" data-simple-pagination-page-number="8">&gt;&gt;</a></div>
                                </div>
                            </div></div>
                        </div>
                    </div>
                </div>
                </div>

                </div>

            </div>
        </div>
    </div>

    <footer id="footer" class="ptl mtl">
        <%@include file="../../jsp/iframe/footer.jsp" %>
    </footer>

</div>
</body>
<%@include file="../../jsp/iframe/popup-check-bill.jsp" %>
</html>
